.canvas_space{
  margin: 0 auto;
}
.grid_tiles{
  border: 1px solid #ccc;
}
.drop-shadhow{
  -webkit-box-shadow: 4px 4px 10px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    4px 4px 10px rgba(50, 50, 50, 0.75);
  box-shadow:         4px 4px 10px rgba(50, 50, 50, 0.75);
}
.material_space .tile_draggable.selecting img{
  outline: 5px solid #105cb6;
  z-index: 9;
}
.material_space .tile_draggable{
  display: inline-block;
}
.material_space .tile_draggable img{
  max-width: 100px;
  margin: 10px;
}
.grid_container{
  display: table;
  background-color: whitesmoke;
  text-align: center;
  width: 100%;
  height: 100%;
}
.grid_container .table_wrapper{
  display: table-cell;
  vertical-align: middle;
}
table#grid_tile{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
table#grid_tile td.dropped{
  background-color: white;
}
table#grid_tile td.hoverwaitting{
  background-color: white;
  background-image: none;
}
table#grid_tile td.hoverwaitting img{
  opacity: 0.5;
}
table#grid_tile td{
  display: block;
  float: left;
  background-image: url('images/bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  cursor: url('images/drag_hand.gif');
  margin: 0;
  padding: 0;
}
table#grid_tile{
  white-space: nowrap;
}
table#grid_tile tr img{
}
table#grid_tile tr{
}

table#grid_tile td.selecting img{


}
table#grid_tile td.selecting{
  background-image: none;
}
table#grid_tile td:active {
  cursor: url('images/drag_hand2.gif');
}